

<div class="sys-title">
    <h2>FTP流量</h2>
    <select id="selectFTP" >

    </select>
</div>

<div class="sys-content">

    <ul class="nav-tabs">
        <li class="active"><a href="javascript:void(0)" data-id="hour">时均统计</a></li>
        <li><a href="javascript:void(0)" data-id="day">日均统计</a></li>
    </ul>
    <div class="panel" style="min-height:720px;">
        <div class="panel-body">
            <div class="tabs-con" id="showOne" style="display:block;">
                <div class="datebox" style="">
                    <input id="selectTime" type="text" placeholder="请选择日期">
                </div>

                <div class="row">
                    <div class="flow-item">
                        <h3>采集源节点</h3>
                        <div class="scrollbar" >
                        <ul  id="collect">
                        </ul>
                    </div>
                    </div>

                    <div class="flow-item">
                        <h3>采集处理集群</h3>
                        <div class="flow-center" id="total">

                        </div>
                    </div>

                    <div class="flow-item">
                        <h3>数据库</h3>
                        <div class="scrollbar" >
                        <ul  id="dataBase">
                        </ul>
                    </div>
                    </div>
                </div>


                <div class="panel-title"><h3>24小时流量曲线</h3></div>
                <div id="chart1" class="chart">loading...</div>
                <div class="panel-title"><h3>24小时流量详情</h3></div>
                <div class="event-list event-border event-col3 event-head">
                    <ul>
                        <li><span>时间</span><span>采集量（流入）</span><span>入库量（流出）</span></li>
                    </ul>
                </div>
                <div class="event-list event-border event-col3 scrollbar" style="height:300px;" id="eventList">
                    <ul id="hour24">
                    </ul>
                </div>
            </div>

            <div class="tabs-con" id="shouTwo" style="display: block">
                <div class="panel-title"><h3>最近30日流量曲线</h3></div>
                <div id="chart2" class="chart">loading...</div>
                <div class="panel-title"><h3>最近30日流量详情</h3></div>
                <div class="event-list event-border event-col3 event-head">
                    <ul>
                        <li><span>日期</span><span>采集量（流入）</span><span>入库量（流出）</span></li>
                    </ul>
                </div>
                <div class="event-list event-border event-col3 scrollbar" style="height:300px;" id="day30List">
                    <ul id="day30">

                    </ul>
                </div>
            </div>

        </div><!--panel-body end-->
    </div>

</div>

<script src="./scripts/app/safe/trafficAnalysis/FTPflow.js"></script>